.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 9px;
    border-radius: 4px;
    position: relative;
    height: 30px;
  
    cursor: pointer;
    
  
    .loading{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  
    &:disabled {
      opacity: .6;
    }
  
    &.default {
      background: var(--blue_500);
      color: #fff;
    }
  
    &.outline {
      border: 1px solid var(--border);
      color: var(--text-color);
      background: transparent;
    }
  
    &.disabled {
      opacity: .6;
    }
  
    &.max {
      width: 100%;
    }
  }